<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>QQ注册</title>
    <link rel="stylesheet" href="css/qq.css">
</head>

<body>
    <div class="all">
        <div class="logo">
            <img src="qq.png" alt="">
            <div class="logo-text">QQ</div>
        </div>
        <div class="img">
            <img src="http://4.url.cn/zc/v3/img/01-1.jpg" alt="">
        </div>
        <div class="main">
            <div class="main-top">
                <div class="list">
                    <div class="list-1">
                        <img src="http://4.url.cn/zc/v3/img/logo3.png" alt="">
                        <div>QQ靓号</div>
                    </div>
                    <div class="list-2">
                        <form action="">
                            <select name="" id="">
                                <option value="1" selected>简体中文</option>
                                <option value="2">繁體中文</option>
                                <option value="3">English</option>
                            </select>
                        </form>
                    </div>
                    <div class="list-3">意见反馈</div>
                </div>
            </div>
            <div class="main-body">
                <div class="welcome">欢迎注册QQ</div>
                <div class="header">
                    <div>每一天，乐在其中。
                        <a href="https://haoma.qq.com/">免费靓号</a>
                    </div>
                </div>
                <form action="">
                    <div class="input-area">
                        <div class="input-out">
                            <input type="text" id="name" placeholder="昵称">
                        </div>
                    </div>
                    <div class="input-area">
                        <div class="input-out">
                            <input type="password" placeholder="密码">
                        </div>
                    </div>
                    <div class="phone">
                        <form action="">
                            <select name="" id="number">
                                <option value="1" selected>+86</option>
                                <option value="2">中国 +86</option>
                                <option value="3">中国香港特别行政区 +852</option>
                                <option value="4">中国澳门特别行政区 +853</option>
                                <option value="5">中国台湾地区 +886</option>
                            </select>
                        </form>
                        <div>
                            <div class="phone-number">
                                <input type="text" placeholder="手机号码">
                            </div>
                        </div>
                    </div>
                    <div class="zhaohui">可通过该手机号找回密码</div>
                    <div class="zhuce">
                        <input type="submit" id="sub" value="立即注册">
                    </div>
                    <div class="bottom">
                        <input type="checkbox" name="agree">
                        <form action="">
                            <select name="" id="agree">
                                <option value="1" selected>我已阅读并同意相关服务条款和隐私政策</option>
                                <option value="2">《QQ号码规则》</option>
                                <option value="3">《隐私协议》</option>
                                <option value="4">《QQ空间服务协议》</option>
                            </select>
                        </form>
                    </div>
                </form>
                <div class="footer">
                    Copyright<span>©</span>1998-2019Tencent All Rights Reserved
                </div>
            </div>
        </div>
    </div>
</body>

</html>